.scroll-list-box {
    position: relative;
    width:100%;
    overflow: hidden;
}

.scroll-list-box  {
    .scroll-container{
        position: relative;
        overflow-x: hidden;
        overflow-y: scroll;
        margin-right: -35px;
    }
    
    .playlist-item {
        position: relative;
        height: 50px;
        line-height: 50px;
        padding-left: 62px;
        padding-right: 100px;
        margin-right: 35px;
        color : rgba(225,225,225,.6);
        font-size: 14px;
        white-space: nowrap;
        .playlist-li {
            position: relative;
            display: inline-block;
            &.name {
                width: 68%;
                .inline-buttons {
                    top:50%;
                    height: 36px;
                    margin-top: -18px;
                    right:0;
                    opacity: 0;
                    position: absolute;
                    overflow: hidden;
                    a { 
                        font-size:0;
                        line-height: 0;
                        height: 36px;
                        margin-right: 10px;
                    }
                    .icon_list_menu {
                        display: block;
                        width:36px;
                        height: 36px;
                        background-image: url('./icon_list_menu.png');
                    }
                    .icon-play {
                        background-position: -80px 0;
                        &:hover {
                           background-position: -120px 0; 
                        }
                    }
                    .icon-stop {
                        background-position: -80px -200px;
                        &:hover {
                            background-position: -120px -200px;
                        }
                    }
                }
                &:hover .inline-buttons {
                    opacity: 1;
                }
            }
            &.author {
                width: 26%;
                padding-left: 20px;
            }
        }
        .playlist-li-time {
            position: absolute;
            top: 0;
            right: 38px;
            width: 50px;
        }
        .item-check {
            display: block;
            position: absolute;
            left: 0px;
            top: 50%;
            margin-top: -9px;
            width: 14px;
            height: 14px;
            line-height: 14px;
            border: 1px solid;
            border-color: rgba(225,225,225,.2);
            background-position: -1000px;
            &.checked {
                border-color: rgba(225,225,225,1);
                background-position: -60px -80px;
            }
            .item-check-box {
                opacity: 0;
            }
        }
        .item-index {
            position: absolute;
            top: 0;
            width: 36px;
            left: 16px;
            color: inherit;
            text-align: right;
            line-height: 50px;
            height: 50px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            font-size: 14px;
        }
    }
    .scroll-icon {
        background-image: url('./icon_sprite.png');
    }
    .player-list-splitline {
        position: relative;
        display: block;
        width: 100%;
        margin-left:-62px;  
        padding-left: 62px;
        padding-right: 100px;
        height: 1px;
        background-color: #fff;
        opacity: .02;
    }
}

.scroll-bar-container {
    position: absolute;
    width: 8px;
    z-index: 99;
    top: 0;
    right: 0;
    .scroll-bar {
        position: absolute;
        width:100%;
        background-color: #4C3F2B;
        opacity: .2;
        border-radius: 4px;
        cursor: pointer;
        &:hover {
            opacity: .6;
        }
    }
}